<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--       
*     Copyright (c) 2008 Sun Microsystems, Inc. All rights reserved.
*     Use is subject to license terms.
-->
<html>
<head>
	<title>Viewing the JavaFX Graphics</title>
<link href="nbdocs:/org/netbeans/modules/usersguide/ide.css"  rel="stylesheet" type="text/css">
</head>
<body>
<h2>Viewing JavaFX Graphics </h2>
<p> <small><a href="#seealso">See Also</a>&nbsp; </small> 


<p>The NetBeans IDE provides tools to help you work with JavaFX Content  File (FXZ) graphics that are exported from JavaFX Production Suite.  After you bring an FXZ file into a JavaFX project, you can work with it  in the following ways.</p>

<ul class="note">
<li> Add the FXZ file to a NetBeans project to view it. You add the FXZ file by copying it to a selected project's folder on your disk. If you open an FXZ file by using the Open File command, you will not be able to see the structure of the FXZ file in the Projects window. Also, if the graphic was saved from Adobe Illustrator CS4 with the Use Artboards feature, you will not be able to view the descriptions contained in individual FXD files unless you uncompress the FXZ file first with a standard compression utility.</li>
</ul>

<h3><b>View the Image</b></h3>
<p>To view an FXZ graphic, open the FXZ file in the Source Editor, then click the Preview button in the FXZ toolbar. You have the following options when viewing images.</p>
<ul>
  <li>If the graphic was exported from Adobe Illustrator CS4 with the Use Artboards feature, select the FXD file corresponding to the artboard in the Scene field of the FXZ toolbar. </li>
  <li>Change the magnification of the graphic by changing the magnification setting or clicking the zoom icons in the FXZ toolbar. 
  </li>
  <li>Select individual objects in the graphic to see the corresponding FXD element and its properties in the Navigator window. <br>
  <b>Note:</b> If your graphic includes individual artboards, make sure that you have selected the correct artboard so that you can select the graphic objects in the Preview window.</li>
  <li>Click the back, forward, or up arrow in the FXZ toolbar to show the previous FXD element, the next FXD element, or the parent FXD element, respectively. </li>
  <li>Click the Toggle Tooltip icon in the FXZ toolbar to display the FXD properties of a graphic object in a tooltip when selected. </li>
  <li>Click the Toggle Preview icon in the FXZ toolbar to highlight the current selection. </li>
</ul>

<h3><b>View the Source Description</b></h3>
<p>You can view the source description of an object in any of the following ways.</p>
<ul>
  <li>Open an FXZ file, then click the Source button in the FXZ toolbar. </li>
  <li>To display the source description of a single graphic object, double-click the graphic object in the Preview screen. </li>
  <li>Double-click an FXD element in the Navigator window. </li>
</ul>

<h3><b>View and Modify the Contents of FXZ Files</b></h3>
<p>FXZ files are compressed archives. You can view the files contained within the FXZ file in any of the following ways:</p>
<ul>
  <li>In the Projects window, click the arrow next to the FXZ file. </li>
  <li>Open the FXZ file, then click the Archive button in the FXZ toolbar. <br>
This view provides more information about file size, and you can use the FXZ toolbar to add new FXD files, insert supporting graphics files, and remove or replace existing files. </li>
</ul>


<dl>
<dt><a name="seealso">See Also</a></dt>
<dd><a href="generating_ui_stub_file.html">Generating a UI Stub File for a JavaFX Graphic</a></dd> 
</dl>

<hr>
<p><font size=-2><a href="../credits.html">Legal Notices</a></font>
</p>
<table cellpadding="50" border="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>

</body>
</html>
